.case-content *{
	margin:0;
	padding:0;
	list-style-type:none;
	font-family: "microsoft yahei";
}
.case-content{
	overflow:hidden;
	margin:30px auto;
	max-width:840px;
}
.case-item{
	float:left;
	margin:30px 40px 40px 30px;
}
.ih-item{
	position:relative;
	-webkit-transition:all .35s ease-in-out;
	-moz-transition:all .35s ease-in-out;
	transition:all .35s ease-in-out;
}
.ih-item img{
	width:100%;
	height:100%;
	border-radius:50%;
}
.ih-item,.ih-item .img{
	position:relative;
	width:210px;
	height:210px;
	border-radius:50%;
}
.ih-item .info{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	text-align:center;
	border-radius:50%;
	-webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}
.ih-item .spinner{
	width:220px;
	height:220px;
	border:10px solid #ecab18;
	border-right-color:#1ad280;
	border-bottom-color:#1ad280;
	border-radius:50%;
	-webkit-transition:all .8s ease-in-out;
	-moz-transition:all .8s ease-in-out;
	transition:all .8s ease-in-out;
}
.ih-item .img{
	position:absolute;
	top:10px;
	bottom:0;
	left:10px;
	right:0;
	width:auto;
	height:auto;
}
.ih-item .info{
	top:10px;
	bottom:0;
	left:10px;
	right:0;
	background:rgba(0,0,0,.6);
	opacity:0;
	-webkit-transition:all .8s ease-in-out;
	-moz-transition:all .8s ease-in-out;
	transition:all .8s ease-in-out;
}
.ih-item .info h3{
	color:#fff;
	position:relative;
	height:100px;
	line-height: 150px;
	font-size: 22px;
}
.ih-item .info p{
	color:#fff;
	font-style:italic;
	font-size:18px;
	border-top:1px solid rgba(255,255,255,.8);
	line-height: 45px;
}
.ih-item a:hover .spinner{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
.ih-item a:hover .info{
	opacity:1;
}
.text-div
{
    text-align:center
}